<template>
  <div class="app-container">
         <div>  
              <marquee width = "100%" behavior = "scroll" bgcolor = "pink" >     
                  这是滚动字幕的一个例子......  
              </marquee>
        </div>
         <div class="scrollBoxMain">  
                 <!-- <div class="scrollBoxChi">  
                       <marquee width = "100%" behavior = "scroll" bgcolor = "pink" >     
                          账单分期
                        </marquee>
                 </div>
                  <div class="scrollBoxChi">  
                        <marquee width = "100%" behavior = "scroll" bgcolor = "pink" >     
                          信用卡积分查询
                        </marquee>
                 </div>
                  <div class="scrollBoxChi">  
                        <marquee width = "100%" behavior = "scroll" bgcolor = "pink" >     
                          额度查询
                        </marquee>
                  </div> -->
                   <!-- <marquee width = "100%" behavior = "scroll" bgcolor = "pink" >     
                          账单分期
                        </marquee>
                   <marquee width = "100%" behavior = "scroll" bgcolor = "pink" >     
                          信用卡积分查询
                        </marquee>
                    <marquee width = "100%" behavior = "scroll" bgcolor = "pink" >     
                          额度查询
                     </marquee> -->

        </div>

  </div>
</template>

<script>

export default {
  
  data() {
    return {
    
    };
  },
  created(){
  },
  methods: {

    
  }
};
</script>

<style lang="scss" scoped>

   .scrollBoxMain{
      display: flex;
      background: rgba(111,113,122);
      padding:15px 0px;
   }
   .scrollBoxChi{
     padding:10px 20px;
     border-radius: 15px;
     background: #fff;
   }

 </style>